// 导入组件
import '@components/index/LeftMenu/index.js';
import '@components/index/RightBody/index.js';
import './components/index/EmailLogin/index.js'
import './components/index/EmailRegister/index.js'

// 导入路由系统
import { initRouter } from '@components/common/router.js';

// 应用全局样式
import { applyGlobalStyles } from '@/styles.js';

// 应用全局样式
applyGlobalStyles();

// 初始化路由系统
initRouter();

// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', async () => {
    const app = document.getElementById('app');

    const fragment = document.createDocumentFragment();
    // 创建左侧菜单
    const leftMenu = document.createElement('left-menu');
    fragment.appendChild(leftMenu);
    
    // 创建右侧内容区域
    const rightBody = document.createElement('right-body');
    fragment.appendChild(rightBody);

    //创建一个template
    const template = document.createElement('template');
    fragment.appendChild(template);

    //创建登录 和 注册 的模版
    const emailLogin = document.createElement('email-login');
    const emailRegister = document.createElement('email-register');
    template.setAttribute("id","container");
    template.appendChild(emailLogin);
    template.appendChild(emailRegister);


    // 将所有组件添加到页面
    app.appendChild(fragment);

});